<!DOCTYPE html>
<html lang="en">

<head>
    <title>全面兼容的Iframe</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script type="text/javascript" language="javascript">
        function childFunction() {
            alert("我是 iframe 嵌入的子页面，\n需要通过 Iframe Id 调用！");
        }
    </script>
</head>
<body style="margin: auto; background-color: Gray; color: Red;">
<input type="button" value="调用父页面的脚本" onclick="javascript:window.parent.fatherFunction();"/><br/>
<div id="childPage">
    我是 iframe 嵌入的子页面，需要通过Id调用！
</div>
</body>
</html>